<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="css/reset.min.css" />
    <link rel="stylesheet" href="css/index.css" />
    <link rel="stylesheet" href="css/swiper-bundle.min.css">
    <link rel="stylesheet" href="css/banner.css">
    <link rel="stylesheet" href="https://at.alicdn.com/t/c/font_3842411_5h1cbcp4j9k.css">
  </head>
  <body>
    <!-- 整个页面的最外层容器 -->
    <div id="home">
      <!-- 顶部容器 -->
      <div class="topContainer">
        <!-- 头栏 -->
        <div class="headerbar">
          <!-- 左侧导航外层容器 -->
          <ul class="headerbar_left">
            <li class="nav_home">
              <a href="">
                <svg
                  width="18"
                  height="18"
                  viewBox="0 0 18 18"
                  fill="none"
                  xmlns="http://www.w3.org/2000/svg"
                  class="zhuzhan-icon"
                >
                  <path
                    fill-rule="evenodd"
                    clip-rule="evenodd"
                    d="M3.73252 2.67094C3.33229 2.28484 3.33229 1.64373 3.73252 1.25764C4.11291 0.890684 4.71552 0.890684 5.09591 1.25764L7.21723 3.30403C7.27749 3.36218 7.32869 3.4261 7.37081 3.49407H10.5789C10.6211 3.4261 10.6723 3.36218 10.7325 3.30403L12.8538 1.25764C13.2342 0.890684 13.8368 0.890684 14.2172 1.25764C14.6175 1.64373 14.6175 2.28484 14.2172 2.67094L13.364 3.49407H14C16.2091 3.49407 18 5.28493 18 7.49407V12.9996C18 15.2087 16.2091 16.9996 14 16.9996H4C1.79086 16.9996 0 15.2087 0 12.9996V7.49406C0 5.28492 1.79086 3.49407 4 3.49407H4.58579L3.73252 2.67094ZM4 5.42343C2.89543 5.42343 2 6.31886 2 7.42343V13.0702C2 14.1748 2.89543 15.0702 4 15.0702H14C15.1046 15.0702 16 14.1748 16 13.0702V7.42343C16 6.31886 15.1046 5.42343 14 5.42343H4ZM5 9.31747C5 8.76519 5.44772 8.31747 6 8.31747C6.55228 8.31747 7 8.76519 7 9.31747V10.2115C7 10.7638 6.55228 11.2115 6 11.2115C5.44772 11.2115 5 10.7638 5 10.2115V9.31747ZM12 8.31747C11.4477 8.31747 11 8.76519 11 9.31747V10.2115C11 10.7638 11.4477 11.2115 12 11.2115C12.5523 11.2115 13 10.7638 13 10.2115V9.31747C13 8.76519 12.5523 8.31747 12 8.31747Z"
                    fill="currentColor"
                  ></path>
                </svg>
                <span>首页</span>
                </a>
            </li>
            <li class="nav_anime">
              <a href=""> <span>番剧</span></a>
            </li>
            <li class="nav_live">
              <div class="nav_liveWrap">
                <a href="" id="livebtn"><span>直播</span></a>
                <div class="liveExtend">
                  <div class="liveLeft">
                    <div class="liveLeftTitle">热门直播：</div>
                    <div class="liveLeftList">
                      <div class="liveitemWrap">
                        <div class="liveimgWrap">
                          <img src="images/navLiveAvatar1.avif" alt="">
                        </div>
                        <div class="liveidWrap">九三的耳朵不是特别好</div>
                      </div >
                      <div class="liveitemWrap">
                        <div class="liveimgWrap">
                          <img src="images/navLiveAvatar2.avif" alt="">
                        </div>
                        <div class="liveidWrap">NANA在这</div>
                      </div >
                      <div class="liveitemWrap">
                        <div class="liveimgWrap">
                          <img src="images/navLiveAvatar3.avif" alt="">
                        </div>
                        <div class="liveidWrap">纳豆nado</div>
                      </div >
                      <div class="liveitemWrap">
                        <div class="liveimgWrap">
                          <img src="images/navLiveAvatar4.avif" alt="">
                        </div>
                        <div class="liveidWrap">真的想不出名儿了</div>
                      </div >
                      <div class="liveitemWrap">
                        <div class="liveimgWrap">
                          <img src="images/navLiveAvatar5.avif" alt="">
                        </div>
                        <div class="liveidWrap">一只小仙若</div>
                      </div >
                      <div class="liveitemWrap">
                        <div class="liveimgWrap">
                          <img src="images/navLiveAvatar6.avif" alt="">
                        </div>
                        <div class="liveidWrap">云上京</div>
                      </div >
                      
                    </div>
                  </div>
                  <div class="liveRight">
                    <div class="liveRightTitle">热门活动</div>
                    <div class="liveRightList">
                      <div class="liveitemWrap">
                        <div class="liveimgWrap">
                          <img src="images/navLiveBanner1.avif" alt="">
                        </div>
                      </div>
                      <div class="liveitemWrap">
                        <div class="liveimgWrap">
                          <img src="images/navLiveBanner2.avif" alt="">
                        </div>
                      </div>
                    </div>
                    

                  </div>
                </div>
              </div>
            </li>
            <li class="nav_game">
              <div class="nav_gameWrap">
                <a href="" id="gamebtn"> <span>游戏中心</span></a>
                <div class="gameExtendWrap">
                  <div class="gameExtend">
                    <div class="gameLeft">
                      <div class="bigimgWrap">
                        <img src="images/game1.avif" alt="">
                      </div>
                      <div class="smallimgWrap">
                        <div class="smallimg">
                          <div class="imgWrap">
                            <img src="images/game2.avif" alt="">
                          </div>
                          <div class="title">碧海航线</div>
                        </div>
                        <div class="smallimg">
                          <div class="imgWrap">
                            <img src="images/game3.avif" alt="">
                          </div>
                          <div class="title">坎特伯雷公主与骑士唤醒冠军之剑的奇幻冒险</div>
                        </div>
                        <div class="smallimg">
                          <div class="imgWrap">
                            <img src="images/game4.avif" alt="">
                          </div>
                          <div class="title">时空猎人3</div>
                        </div>
                      </div>
                    </div>
                    <div class="gameRight">
                      <div class="gametitle">新游预告</div>
                      <div class="gamelist">
                        <div class="item">失落四境</div>
                        <div class="item">斯露德</div>
                        <div class="item">环形旅舍</div>
                        <div class="item">重返未来：1999</div>
                        <div class="item">云朵国度</div>
                        <div class="item">恋与深空</div>
                        <div class="item">零号任务</div>
                      </div>

                    </div>
                  </div>
                </div>
                
              </div>
            </li>
            <li class="nav_vip">
              <a href=""> <span>会员购</span></a>
            </li>
            <li class="nav_comic">
              <div class="nav_comicWrap">
                <a href="" id="comicbtn"><span>漫画</span></a>
                <div class="comicExtend">
                  <div class="comicLeft">
                    <div class="itemWrap">
                      <div class="imgWrap">
                        <img src="images/comic1.jpg@272w" alt="">
                      </div>
                      <div class="title">刀剑神域 Alicization篇</div>
                    </div>
                    <div class="itemWrap">
                      <div class="imgWrap">
                        <img src="images/comic2.jpg@272w" alt="">
                      </div>
                      <div class="title">石之海（乔乔的奇妙冒险第6部）</div>
                    </div>
                    <div class="itemWrap">
                      <div class="imgWrap">
                        <img src="images/comic3.png" alt="">
                      </div>
                      <div class="title">鬼灭之刃</div>
                    </div>
                    <div class="itemWrap">
                      <div class="imgWrap">
                        <img src="images/comic4.jpg@272w" alt="">
                      </div>
                      <div class="title">一拳超人</div>
                    </div>
                    
                    
                  </div>
                  <div class="comicRight">
                    <div class="title">人气漫画</div>
                    <div class="itemlist">
                      <div class="item">
                        <span class="num1 num">1</span>
                        <span class="text">间谍过家家</span>
                      </div>
                      <div class="item">
                        <span class="num2 num">2</span>
                        <span class="text">【我推的孩子】</span>
                      </div>
                      <div class="item">
                        <span class="num3 num">3</span>
                        <span class="text">碧蓝之海</span>
                      </div>
                      <div class="item">
                        <span class="num">4</span>
                        <span class="text">我的假女友正全力...</span>
                      </div>
                      <div class="item">
                        <span class="num">5</span>
                        <span class="text">罗小黑战记·蓝溪...</span>
                      </div>
                      <div class="item">
                        <span class="num">6</span>
                        <span class="text">入间同学入魔了！</span>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            
            </li>
            <li class="nav_sportevents">
              <a href=""> <span>赛事</span></a>
            </li>
      
            <li class="nav_download">
              <div class="nav_downloadWrap">
                <a href="" id="downloadbtn">
                  <svg
                    width="16"
                    height="16"
                    viewBox="0 0 16 16"
                    fill="none"
                    xmlns="http://www.w3.org/2000/svg"
                    class="download-client-trigger__icon"
                  >
                    <path
                      d="M7.23181 8.65895V1.75796C7.23181 1.33935 7.57582 1 8.00018 1C8.42453 1 8.76854 1.33935 8.76854 1.75796V8.67097L9.98589 7.47009C10.286 7.17409 10.7725 7.17409 11.0725 7.47009C11.3726 7.7661 11.3726 8.24601 11.0725 8.54201L8.54958 11.0308C8.24952 11.3268 7.76302 11.3268 7.46295 11.0308L4.94002 8.54201C4.63995 8.24601 4.63995 7.7661 4.94002 7.47009C5.24008 7.17409 5.72658 7.17409 6.02665 7.47009L7.23181 8.65895Z"
                      fill="currentColor"
                    ></path>
                    <path
                      d="M3.48023 4.29936C2.40686 4.29936 1.53672 5.15772 1.53672 6.21656V11.5669C1.53672 12.6257 2.40686 13.4841 3.48023 13.4841H12.5198C13.5931 13.4841 14.4633 12.6257 14.4633 11.5669V6.21656C14.4633 5.15772 13.5931 4.29936 12.5198 4.29936H11.6158C11.1915 4.29936 10.8475 3.96001 10.8475 3.5414C10.8475 3.12279 11.1915 2.78344 11.6158 2.78344H12.5198C14.4418 2.78344 16 4.3205 16 6.21656V11.5669C16 13.4629 14.4418 15 12.5198 15H3.48023C1.55815 15 0 13.4629 0 11.5669V6.21656C0 4.3205 1.55815 2.78344 3.48023 2.78344H4.38418C4.80853 2.78344 5.15254 3.12279 5.15254 3.5414C5.15254 3.96001 4.80853 4.29936 4.38418 4.29936H3.48023Z"
                      fill="currentColor"
                    ></path>
                  </svg>
                  <span>下载客户端</span></a
                >
                <div class="downloadExtend">
                  <div class="downloadTop">
                    <div class="downloadLeft">
                      <div class="info">
                        <div class="title">手机版</div>
                        <div class="subtitle">扫码即可下载手机APP</div>
                      </div>
                      <div class="code">
                        <div class="codeimg">
                          <img src="images/downloadCode.png" alt="">
                        </div>
                      </div>
                    </div>
                    <div class="downloadRight">
                      <div class="info">
                        <div class="title">Windows端</div>
                        <div class="subtitle">适合win系统设备</div>
                      </div>
                      <div class="images">
                        <div class="imgWrap">
                          <img src="images/bilibili.png" alt="">
                        </div>
                        <div class="imginfo">立即下载</div>
                      </div>
                    </div>
                  </div>
                  <div class="downloadBottom">点击查看更多下载内容></div>
                  
                </div>
              </div>
             
            </li>
          </ul>
          <!-- 中间搜索容器 -->
          <div class="headerbar_searchWrap">
            <div class="headerbar_search" id="searchWrap">
              <form id="searchform">
                <div class="headerbar_searchContent" id="searchContent">
                  <input type="text" placeholder="户田惠梨香" title="" id="searchinp"/>
                </div>
                <div class="headerbar_searchBtn">
                    <svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.3451 15.2003C16.6377 15.4915 16.4752 15.772 16.1934 16.0632C16.15 16.1279 16.0958 16.1818 16.0525 16.2249C15.7707 16.473 15.4456 16.624 15.1854 16.3652L11.6848 12.8815C10.4709 13.8198 8.97529 14.3267 7.44714 14.3267C3.62134 14.3267 0.5 11.2314 0.5 7.41337C0.5 3.60616 3.6105 0.5 7.44714 0.5C11.2729 0.5 14.3943 3.59538 14.3943 7.41337C14.3943 8.98802 13.8524 10.5087 12.8661 11.7383L16.3451 15.2003ZM2.13647 7.4026C2.13647 10.3146 4.52083 12.6766 7.43624 12.6766C10.3517 12.6766 12.736 10.3146 12.736 7.4026C12.736 4.49058 10.3517 2.1286 7.43624 2.1286C4.50999 2.1286 2.13647 4.50136 2.13647 7.4026Z" fill="currentColor"></path></svg>
                </div>
              </form>
              <div class="searchExtend" id="searchExtend">
                <div class="hotsearch">dilidili热搜</div>
                <div class="hotsearchList">
                  <div class="listleft">
                    <div class="hotitem">
                     <div class="hotnum numsp">1</div>
                     <div class="hottext">宝马市值蒸发超150亿元</div>
                     <img src="images/hot1.png@28h" alt="">
                    </div>
                    <div class="hotitem">
                      <div class="hotnum numsp">3</div>
                      <div class="hottext">B站等级还有这作用</div>
                      <img src="images/hot1.png@28h" alt="">
                     </div>
                     <div class="hotitem">
                      <div class="hotnum">5</div>
                      <div class="hottext">安以轩老师被判监禁14年</div>
                      <img src="images/hot1.png@28h" alt="">
                     </div>
                     <div class="hotitem">
                      <div class="hotnum">7</div>
                      <div class="hottext">光明日报评追熊猫不宜饭圈化</div>
                     </div>
                     <div class="hotitem">
                      <div class="hotnum">9</div>
                      <div class="hottext">沈梦溪眼中的其他英雄</div>
                      <img src="images/hot2.png@28h" alt="">
                     </div>
                  </div>
                  <div class="listright">
                    <div class="hotitem">
                      <div class="hotnum numsp">2</div>
                     <div class="hottext">上海车展最冷清的展台</div>
                     <img src="images/hot2.png@28h" alt="">
                    </div>
                    <div class="hotitem">
                      <div class="hotnum">4</div>
                     <div class="hottext">淄博市民免费接送外地游客</div>
                     <img src="images/hot1.png@28h" alt="">
                    </div>
                    <div class="hotitem">
                      <div class="hotnum">6</div>
                     <div class="hottext">微信可免费听周杰伦</div>
         
                    </div>
                    <div class="hotitem">
                      <div class="hotnum">8</div>
                     <div class="hottext">公孙离新皮肤不过分吧</div>
       
                    </div>
                    <div class="hotitem">
                      <div class="hotnum">10</div>
                     <div class="hottext">这周末是单休</div>
             
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <!-- 右侧用户服务外层容器 -->
          <ul class="headerbar_right">
            <li class="headerbar_right_avatarWrap">
                <div class="headerbar_right_avatar">
                    <a id="avatarbitn">
                        <img src="images/avatar.webp" alt="">
                    </a>
                </div>
                <div class="headerbar_right_userInforWrap">
                    <div class="headerbar_right_userInfor">
                        <div class="headerbar_right_userInforContent">
                            <a href="" class="avatarLarge"></a>
                            <a href="" class="nickname_itemWrap">CielLeung</a>
                            <div class="vip_itemWrap">
                                <a href="" class="vip_itemLabel">
                                    <div>
                                        <img src="images/viplabel.avif" alt="">
                                    </div>
                                </a>
                                <div class="vip_item">
                                  <div class="vip_item_sub">
                                        <a href="">
                                            <svg t="1641783513987" class="icon" viewBox="0 0 1901 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3313" width="200" height="200"><path d="M154.916571 184.758857h1609.142858v707.364572h-1609.142858z" fill="#FFFFFF" p-id="3314"></path><path class="level-bg" d="M1779.565714 93.037714c22.674286 0 45.421714 20.772571 44.324572 43.300572l-0.877715 6.144v747.446857c0 22.454857-15.36 44.909714-41.472 48.859428l-8.118857 0.585143H144.603429a48.859429 48.859429 0 0 1-49.005715-41.325714l-0.585143-8.118857V228.937143c0-22.454857 15.36-44.909714 41.398858-48.786286l8.192-0.585143h1021.805714v-37.083428c0-22.454857 15.36-44.909714 41.398857-48.786286l8.118857-0.658286h563.565714z m-92.891428 105.033143h-383.926857c-16.457143 0-32.914286 14.628571-36.425143 30.939429l-0.658286 6.144v574.464c0 16.457143 14.628571 32.914286 30.939429 36.425143l6.144 0.658285h384c16.530286 0 32.987429-14.628571 36.498285-30.939428l0.658286-6.144V494.592c0-16.530286-14.628571-32.914286-31.012571-36.425143l-6.144-0.658286h-297.179429V321.609143h297.179429c16.530286 0 32.987429-14.628571 36.498285-30.939429l0.658286-6.144v-49.371428c0-18.578286-18.578286-37.083429-37.156571-37.083429zM733.110857 284.598857h-49.590857c-18.578286 0-37.156571 18.505143-37.156571 37.010286v302.738286c0 16.749714 0 31.817143 6.217142 37.010285l173.348572 172.909715c7.899429 7.899429 23.259429 10.752 33.426286 11.849142l9.947428 0.585143 8.557714-0.438857c10.093714-0.950857 26.550857-3.657143 34.816-11.995428l185.782858-172.909715c4.973714-4.900571 5.997714-13.824 6.144-23.478857V327.68c0-18.505143-18.505143-37.010286-37.083429-37.010286h-49.517714c-18.651429 0-37.156571 18.505143-37.156572 37.083429v277.942857l-105.325714 104.96-105.325714-104.96V321.609143c0-18.505143-18.505143-37.010286-37.083429-37.010286z m-445.952 0h-49.517714c-16.530286 0-33.060571 14.628571-36.571429 30.866286l-0.585143 6.144v488.009143c0 16.530286 14.628571 32.914286 30.939429 36.425143l6.217143 0.658285h297.252571c16.530286 0 32.987429-14.628571 36.498286-30.939428l0.658286-6.144v-49.371429c0-16.603429-14.628571-32.987429-31.012572-36.425143l-6.144-0.658285H324.242286v-401.554286c0-18.505143-18.578286-37.010286-37.156572-37.010286z m1312.914286 296.448v142.116572h-210.505143V581.046857h210.505143z" fill="#FF0000" p-id="3315"></path></svg>
                                        </a>
                                    </div>
                                </div>
                               
                             </div>
                             <div class="coins_itemWrap">
                                <a href="" class="coins_hard">
                                    <span class="text">硬币</span>
                                    <span class="num">719</span>
                                </a>
                                <a href="" class="coins_B">
                                    <span class="text">B币</span>
                                    <span class="num">3</span>
                                </a>
                             </div>
                             <div class="counts_itemWrap">
                                <a href="">
                                    <div class="num">266</div>
                                    <div class="text">关注</div>
                                </a>
                                <a href="">
                                    <div class="num">2</div>
                                    <div class="text">粉丝</div>
                                </a>
                                <a href="">
                                    <div class="num">37</div>
                                    <div class="text" >动态</div>
                                </a>
                             </div>
                             <div class="service_item">
                                <a href="" class="service_item_single">
                                    <div class="title">
                                        <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" class="link-icon"><rect opacity="0.01" width="18" height="18" fill="white"></rect><path d="M12.1146 9.48983C13.2763 8.63331 14.0299 7.2548 14.0299 5.7035C14.0299 3.11005 11.9198 1 9.32636 1C6.73291 1 4.62286 3.11005 4.62286 5.7035C4.62286 7.2548 5.37829 8.63331 6.53808 9.48983C3.87662 10.589 2 13.2118 2 16.2648C2 16.671 2.32901 17 2.73521 17C3.14141 17 3.47042 16.671 3.47042 16.2648C3.47042 13.0335 6.09879 10.407 9.3282 10.407C12.5576 10.407 15.186 13.0354 15.186 16.2648C15.186 16.671 15.515 17 15.9212 17C16.3274 17 16.6564 16.671 16.6564 16.2648C16.6546 13.2118 14.7761 10.589 12.1146 9.48983ZM6.09144 5.7035C6.09144 3.91878 7.54348 2.46858 9.32636 2.46858C11.1092 2.46858 12.5613 3.92062 12.5613 5.7035C12.5613 7.48639 11.1092 8.93843 9.32636 8.93843C7.54348 8.93843 6.09144 7.48639 6.09144 5.7035Z" fill="#61666D"></path></svg>
                                        <span>个人中心</span>
                                    </div>
                                    <svg width="10" height="10" viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg" class="link-icon--right"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.50588 3.40623C7.40825 3.3086 7.24996 3.3086 7.15232 3.40623L4.41244 6.14612L1.67255 3.40623C1.57491 3.3086 1.41662 3.3086 1.31899 3.40623C1.22136 3.50386 1.22136 3.66215 1.31899 3.75978L4.11781 6.5586C4.28053 6.72132 4.54434 6.72132 4.70706 6.5586L7.50588 3.75978C7.60351 3.66215 7.60351 3.50386 7.50588 3.40623Z" fill="currentColor"></path><path d="M7.15232 3.40623L7.50588 3.75978L7.50588 3.75978L7.15232 3.40623ZM7.50588 3.40623L7.15232 3.75978L7.15233 3.75978L7.50588 3.40623ZM4.41244 6.14612L4.05888 6.49967C4.15265 6.59344 4.27983 6.64612 4.41244 6.64612C4.54504 6.64612 4.67222 6.59344 4.76599 6.49967L4.41244 6.14612ZM1.67255 3.40623L2.0261 3.05268L2.0261 3.05268L1.67255 3.40623ZM1.31899 3.40623L0.965439 3.05268L0.965439 3.05268L1.31899 3.40623ZM1.31899 3.75978L1.67255 3.40623V3.40623L1.31899 3.75978ZM4.11781 6.5586L3.76425 6.91215L4.11781 6.5586ZM4.70706 6.5586L4.35351 6.20505L4.70706 6.5586ZM7.50588 3.75978L7.15233 3.40623L7.15232 3.40623L7.50588 3.75978ZM7.50588 3.75978C7.40825 3.85742 7.24996 3.85742 7.15232 3.75978L7.85943 3.05268C7.56654 2.75978 7.09166 2.75978 6.79877 3.05268L7.50588 3.75978ZM4.76599 6.49967L7.50588 3.75978L6.79877 3.05268L4.05888 5.79257L4.76599 6.49967ZM1.31899 3.75978L4.05888 6.49967L4.76599 5.79257L2.0261 3.05268L1.31899 3.75978ZM1.67254 3.75979C1.57491 3.85742 1.41662 3.85742 1.31899 3.75979L2.0261 3.05268C1.73321 2.75978 1.25833 2.75978 0.965439 3.05268L1.67254 3.75979ZM1.67255 3.40623C1.77018 3.50386 1.77018 3.66215 1.67255 3.75978L0.965439 3.05268C0.672546 3.34557 0.672546 3.82044 0.965439 4.11334L1.67255 3.40623ZM4.47136 6.20505L1.67255 3.40623L0.965439 4.11334L3.76425 6.91215L4.47136 6.20505ZM4.35351 6.20505C4.38605 6.1725 4.43882 6.1725 4.47136 6.20505L3.76425 6.91215C4.12223 7.27013 4.70264 7.27013 5.06062 6.91215L4.35351 6.20505ZM7.15232 3.40623L4.35351 6.20505L5.06062 6.91215L7.85943 4.11334L7.15232 3.40623ZM7.15233 3.75978C7.05469 3.66215 7.05469 3.50386 7.15233 3.40623L7.85943 4.11334C8.15233 3.82045 8.15233 3.34557 7.85943 3.05268L7.15233 3.75978Z" fill="currentColor"></path></svg>
                                </a>
                                <a href="" class="service_item_single">
                                    <div class="title">
                                        <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" class="link-icon"><rect opacity="0.01" width="18" height="18" fill="#C4C4C4"></rect><path fill-rule="evenodd" clip-rule="evenodd" d="M3.375 1.875H10.875C12.739 1.875 14.25 3.38604 14.25 5.25V7.875V8.625C14.25 9.03921 14.5858 9.375 15 9.375C15.4142 9.375 15.75 9.03921 15.75 8.625V7.875V5.25C15.75 2.55761 13.5674 0.375 10.875 0.375H3.375C2.33947 0.375 1.5 1.21447 1.5 2.25V15C1.5 16.0355 2.33947 16.875 3.375 16.875H6.75H7.5C7.91421 16.875 8.25 16.5392 8.25 16.125C8.25 15.7108 7.91421 15.375 7.5 15.375H6.75H3.375C3.16789 15.375 3 15.2071 3 15V2.25C3 2.04289 3.16789 1.875 3.375 1.875ZM10.4 8.51962C10.8 8.28868 10.8 7.71132 10.4 7.48038L7.7 5.92154C7.3 5.6906 6.8 5.97927 6.8 6.44115V9.55885C6.8 10.0207 7.3 10.3094 7.7 10.0785L10.4 8.51962ZM15.518 14.2511L14.3215 16.3234H11.9285L10.7321 14.2511L11.9285 12.1787H14.3215L15.518 14.2511ZM16.817 13.5011C17.0849 13.9652 17.0849 14.537 16.817 15.0011L15.6205 17.0734C15.3526 17.5375 14.8574 17.8234 14.3215 17.8234H11.9285C11.3926 17.8234 10.8974 17.5375 10.6295 17.0734L9.43302 15.0011C9.16507 14.537 9.16507 13.9652 9.43302 13.5011L10.6295 11.4287C10.8974 10.9646 11.3926 10.6787 11.9285 10.6787H14.3215C14.8574 10.6787 15.3526 10.9646 15.6205 11.4287L16.817 13.5011ZM13.125 13.3125C12.6072 13.3125 12.1875 13.7322 12.1875 14.25C12.1875 14.7678 12.6072 15.1875 13.125 15.1875C13.6428 15.1875 14.0625 14.7678 14.0625 14.25C14.0625 13.7322 13.6428 13.3125 13.125 13.3125Z" fill="#61666D"></path></svg>
                                        <span>投稿管理</span>
                                    </div>
                                    <svg width="10" height="10" viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg" class="link-icon--right"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.50588 3.40623C7.40825 3.3086 7.24996 3.3086 7.15232 3.40623L4.41244 6.14612L1.67255 3.40623C1.57491 3.3086 1.41662 3.3086 1.31899 3.40623C1.22136 3.50386 1.22136 3.66215 1.31899 3.75978L4.11781 6.5586C4.28053 6.72132 4.54434 6.72132 4.70706 6.5586L7.50588 3.75978C7.60351 3.66215 7.60351 3.50386 7.50588 3.40623Z" fill="currentColor"></path><path d="M7.15232 3.40623L7.50588 3.75978L7.50588 3.75978L7.15232 3.40623ZM7.50588 3.40623L7.15232 3.75978L7.15233 3.75978L7.50588 3.40623ZM4.41244 6.14612L4.05888 6.49967C4.15265 6.59344 4.27983 6.64612 4.41244 6.64612C4.54504 6.64612 4.67222 6.59344 4.76599 6.49967L4.41244 6.14612ZM1.67255 3.40623L2.0261 3.05268L2.0261 3.05268L1.67255 3.40623ZM1.31899 3.40623L0.965439 3.05268L0.965439 3.05268L1.31899 3.40623ZM1.31899 3.75978L1.67255 3.40623V3.40623L1.31899 3.75978ZM4.11781 6.5586L3.76425 6.91215L4.11781 6.5586ZM4.70706 6.5586L4.35351 6.20505L4.70706 6.5586ZM7.50588 3.75978L7.15233 3.40623L7.15232 3.40623L7.50588 3.75978ZM7.50588 3.75978C7.40825 3.85742 7.24996 3.85742 7.15232 3.75978L7.85943 3.05268C7.56654 2.75978 7.09166 2.75978 6.79877 3.05268L7.50588 3.75978ZM4.76599 6.49967L7.50588 3.75978L6.79877 3.05268L4.05888 5.79257L4.76599 6.49967ZM1.31899 3.75978L4.05888 6.49967L4.76599 5.79257L2.0261 3.05268L1.31899 3.75978ZM1.67254 3.75979C1.57491 3.85742 1.41662 3.85742 1.31899 3.75979L2.0261 3.05268C1.73321 2.75978 1.25833 2.75978 0.965439 3.05268L1.67254 3.75979ZM1.67255 3.40623C1.77018 3.50386 1.77018 3.66215 1.67255 3.75978L0.965439 3.05268C0.672546 3.34557 0.672546 3.82044 0.965439 4.11334L1.67255 3.40623ZM4.47136 6.20505L1.67255 3.40623L0.965439 4.11334L3.76425 6.91215L4.47136 6.20505ZM4.35351 6.20505C4.38605 6.1725 4.43882 6.1725 4.47136 6.20505L3.76425 6.91215C4.12223 7.27013 4.70264 7.27013 5.06062 6.91215L4.35351 6.20505ZM7.15232 3.40623L4.35351 6.20505L5.06062 6.91215L7.85943 4.11334L7.15232 3.40623ZM7.15233 3.75978C7.05469 3.66215 7.05469 3.50386 7.15233 3.40623L7.85943 4.11334C8.15233 3.82045 8.15233 3.34557 7.85943 3.05268L7.15233 3.75978Z" fill="currentColor"></path></svg>
                                </a>
                                <div>
                                    <a href="" class="service_item_single">
                                        <div class="title">
                                            <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" class="link-icon"><path d="M7.76269 1.80538C8.3585 0.936022 9.6415 0.936021 10.2373 1.80538L11.8725 4.19132C12.0675 4.47592 12.3547 4.68457 12.6857 4.78213L15.4601 5.59999C16.4711 5.89799 16.8675 7.11819 16.2248 7.95349L14.461 10.2459C14.2506 10.5194 14.1409 10.857 14.1504 11.2019L14.2299 14.0933C14.2589 15.1468 13.2209 15.901 12.2279 15.5478L9.50257 14.5787C9.1775 14.4631 8.82251 14.4631 8.49743 14.5787L5.77211 15.5478C4.7791 15.901 3.74113 15.1468 3.77011 14.0933L3.84963 11.2019C3.85912 10.857 3.74942 10.5194 3.53902 10.2459L1.77516 7.95349C1.13247 7.11819 1.52893 5.89799 2.53986 5.59999L5.31432 4.78213C5.64526 4.68457 5.93246 4.47592 6.1275 4.19132L7.76269 1.80538Z" stroke="#61666D" stroke-width="1.6"></path><path d="M8.64131 6.72679C8.78803 6.4295 9.21197 6.4295 9.35869 6.72679L9.78861 7.5979C9.84687 7.71595 9.9595 7.79778 10.0898 7.81671L11.0511 7.9564C11.3792 8.00408 11.5102 8.40726 11.2728 8.63868L10.5772 9.31674C10.4829 9.40863 10.4399 9.54103 10.4621 9.67079L10.6263 10.6282C10.6824 10.955 10.3394 11.2042 10.046 11.0499L9.18614 10.5979C9.06961 10.5366 8.93039 10.5366 8.81386 10.5979L7.95403 11.0499C7.66058 11.2042 7.31761 10.955 7.37365 10.6282L7.53787 9.67079C7.56012 9.54103 7.5171 9.40863 7.42283 9.31674L6.72721 8.63868C6.4898 8.40727 6.62081 8.00408 6.9489 7.9564L7.91022 7.81671C8.0405 7.79778 8.15313 7.71596 8.21139 7.5979L8.64131 6.72679Z" fill="#61666D"></path></svg>
                                            <span>推荐服务</span>
                                        </div>
                                        <svg width="10" height="10" viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg" class="link-icon--right"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.50588 3.40623C7.40825 3.3086 7.24996 3.3086 7.15232 3.40623L4.41244 6.14612L1.67255 3.40623C1.57491 3.3086 1.41662 3.3086 1.31899 3.40623C1.22136 3.50386 1.22136 3.66215 1.31899 3.75978L4.11781 6.5586C4.28053 6.72132 4.54434 6.72132 4.70706 6.5586L7.50588 3.75978C7.60351 3.66215 7.60351 3.50386 7.50588 3.40623Z" fill="currentColor"></path><path d="M7.15232 3.40623L7.50588 3.75978L7.50588 3.75978L7.15232 3.40623ZM7.50588 3.40623L7.15232 3.75978L7.15233 3.75978L7.50588 3.40623ZM4.41244 6.14612L4.05888 6.49967C4.15265 6.59344 4.27983 6.64612 4.41244 6.64612C4.54504 6.64612 4.67222 6.59344 4.76599 6.49967L4.41244 6.14612ZM1.67255 3.40623L2.0261 3.05268L2.0261 3.05268L1.67255 3.40623ZM1.31899 3.40623L0.965439 3.05268L0.965439 3.05268L1.31899 3.40623ZM1.31899 3.75978L1.67255 3.40623V3.40623L1.31899 3.75978ZM4.11781 6.5586L3.76425 6.91215L4.11781 6.5586ZM4.70706 6.5586L4.35351 6.20505L4.70706 6.5586ZM7.50588 3.75978L7.15233 3.40623L7.15232 3.40623L7.50588 3.75978ZM7.50588 3.75978C7.40825 3.85742 7.24996 3.85742 7.15232 3.75978L7.85943 3.05268C7.56654 2.75978 7.09166 2.75978 6.79877 3.05268L7.50588 3.75978ZM4.76599 6.49967L7.50588 3.75978L6.79877 3.05268L4.05888 5.79257L4.76599 6.49967ZM1.31899 3.75978L4.05888 6.49967L4.76599 5.79257L2.0261 3.05268L1.31899 3.75978ZM1.67254 3.75979C1.57491 3.85742 1.41662 3.85742 1.31899 3.75979L2.0261 3.05268C1.73321 2.75978 1.25833 2.75978 0.965439 3.05268L1.67254 3.75979ZM1.67255 3.40623C1.77018 3.50386 1.77018 3.66215 1.67255 3.75978L0.965439 3.05268C0.672546 3.34557 0.672546 3.82044 0.965439 4.11334L1.67255 3.40623ZM4.47136 6.20505L1.67255 3.40623L0.965439 4.11334L3.76425 6.91215L4.47136 6.20505ZM4.35351 6.20505C4.38605 6.1725 4.43882 6.1725 4.47136 6.20505L3.76425 6.91215C4.12223 7.27013 4.70264 7.27013 5.06062 6.91215L4.35351 6.20505ZM7.15232 3.40623L4.35351 6.20505L5.06062 6.91215L7.85943 4.11334L7.15232 3.40623ZM7.15233 3.75978C7.05469 3.66215 7.05469 3.50386 7.15233 3.40623L7.85943 4.11334C8.15233 3.82045 8.15233 3.34557 7.85943 3.05268L7.15233 3.75978Z" fill="currentColor"></path></svg>
                                    </a>
                                </div>
                             </div>
                             <div class="splitLine"></div>
                             <div class="logout_itemWrap">
                                <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" class="link-icon"><path fill-rule="evenodd" clip-rule="evenodd" d="M17.6137 9.30115C17.6932 9.10837 17.6932 8.89282 17.6137 8.70004C17.5743 8.60393 17.5165 8.51726 17.4443 8.44504L15.2221 6.22282C14.9148 5.9156 14.4176 5.91615 14.111 6.22282C13.8043 6.52948 13.8037 7.02671 14.111 7.33393L14.9921 8.21504L7.99985 8.21504C7.56596 8.21448 7.21429 8.56615 7.21429 9.00059C7.21429 9.21726 7.30207 9.41393 7.44429 9.55615C7.58651 9.69837 7.78318 9.78615 7.99985 9.78615L14.9921 9.78615L14.111 10.6673C13.8043 10.9739 13.8037 11.4712 14.111 11.7784C14.4182 12.0856 14.9154 12.085 15.2221 11.7784L17.4443 9.55615C17.5165 9.48393 17.5743 9.39726 17.6137 9.30115" fill="#61666D"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M11.8889 5.11111C9.74127 2.96349 6.25873 2.96349 4.11111 5.11111C1.96349 7.25873 1.96349 10.7413 4.11111 12.8889C6.25873 15.0365 9.74127 15.0365 11.8889 12.8889C12.1957 12.5821 12.6932 12.5821 13 12.8889C13.3068 13.1957 13.3068 13.6932 13 14C10.2387 16.7613 5.76127 16.7613 3 14C0.238731 11.2387 0.23873 6.76127 3 4C5.76127 1.23873 10.2387 1.23873 13 4C13.3068 4.30683 13.3068 4.80429 13 5.11111C12.6932 5.41794 12.1957 5.41794 11.8889 5.11111Z" fill="#61666D"></path></svg>
                                <span>退出登录</span>
                             </div>
                            </div>                    
                    </div>
                </div>
            </li>
            <li class="headerbar_right_personalWrap majorVipWrap">
              <a href="" id="vipbtn">
                <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="right-entry-icon"><path fill-rule="evenodd" clip-rule="evenodd" d="M10 1C5.02955 1 1 5.02955 1 10C1 14.9705 5.02955 19 10 19C14.9705 19 19 14.9705 19 10C19 5.02955 14.9705 1 10 1ZM10.0006 2.63614C14.0612 2.63614 17.3642 5.93996 17.3642 9.99977C17.3642 14.0604 14.0612 17.3634 10.0006 17.3634C5.93996 17.3634 2.63696 14.0604 2.63696 9.99977C2.63696 5.93996 5.93996 2.63614 10.0006 2.63614Z" fill="currentColor"></path><path d="M13.1381 8.05573V8.05331H10.7706C10.7859 7.8643 10.7948 7.67286 10.7948 7.47981C10.7948 7.26414 10.7843 7.05008 10.7649 6.83926C10.7658 6.82552 10.7674 6.81179 10.7674 6.79725V6.79483C10.7674 6.35541 10.4111 6 9.97254 6C9.53312 6 9.17771 6.35622 9.17771 6.79483V6.79725C9.17771 6.85137 9.18336 6.90468 9.19386 6.95557L9.18255 6.95719C9.19871 7.12924 9.20759 7.30291 9.20759 7.479C9.20759 7.67286 9.19709 7.8643 9.17771 8.0525H6.74313V8.05573C6.32876 8.08239 6 8.42649 6 8.84814V8.85057C6 9.28998 6.33683 9.64216 6.77544 9.64216C6.80937 9.64216 6.8441 9.64378 6.89903 9.64297L8.7601 9.63893C8.28837 10.7294 7.47011 11.6341 6.44507 12.2149C6.44023 12.2173 6.43619 12.2197 6.43134 12.2229C6.42003 12.2294 6.40953 12.2359 6.39822 12.2423L6.39903 12.2431C6.17528 12.3837 6.02585 12.6325 6.02585 12.916V12.9184C6.02585 13.3578 6.38207 13.7132 6.82068 13.7132C6.99111 13.7132 7.14782 13.6591 7.27706 13.5687C8.7706 12.706 9.9168 11.3094 10.4556 9.64055H13.0105C13.0517 9.64136 13.1131 9.63893 13.1131 9.63893C13.5905 9.62924 13.9039 9.2916 13.9039 8.85299V8.85057C13.9047 8.42003 13.5638 8.07108 13.1381 8.05573Z" fill="currentColor"></path><path d="M13.7731 12.5388C13.7715 12.5356 13.7691 12.5331 13.7674 12.5307C13.74 12.4814 13.7077 12.4362 13.6713 12.3942C13.1584 11.6672 12.513 11.0412 11.7674 10.5541L11.7666 10.555C11.6366 10.4613 11.4766 10.4055 11.3046 10.4055C10.8652 10.4055 10.5098 10.7617 10.5098 11.2003V11.2028C10.5098 11.5033 10.677 11.765 10.9233 11.8999C11.5615 12.3215 12.0825 12.8045 12.4944 13.4499L12.5372 13.5041C12.6786 13.6333 12.866 13.7133 13.0728 13.7133C13.5122 13.7133 13.8676 13.3571 13.8676 12.9184V12.916C13.8668 12.7795 13.8329 12.6511 13.7731 12.5388Z" fill="currentColor"></path></svg>
                <span>大会员</span></span>
              </a>
              <div class="vipExtend">
                <div class="vipLeft">
                  <div class="titleBox">大会员特权</div>
                  <div class="privilegeList">
                    <div class="privilegeItem">
                      <img src="images/vipmini.png" alt="">
                      会员免费看
                    </div>
                    <div class="privilegeItem">
                      <img src="images/vipmini2.png" alt="">
                      会员抢先看
                    </div>
                    <div class="privilegeItem">
                      <img src="images/vipmini3.png" alt="">
                      会员超清看
                    </div>
                    <div class="privilegeItem">
                      <img src="images/vipmini4.png" alt="">
                      杜比全景声
                    </div>
                  </div>
                  <div class="privilegeBtn"><button>开通小破站大会员</button></div>
                </div>
                <div class="vipRight">
                  <div class="qrcode">
                    <img src="images/vipCode.png" alt="">
                  </div>
                  <div class="tips">
                    <span class="tipstop">使用微信或支付宝付款</span>
                    <span class="tipsbottom">开通大会员连续包月服务</span>

                  </div>
                </div>
              </div>
            </li>
            <li class="headerbar_right_personalWrap messageWrap">
              <div class="rednum">31</div>
              <a href="" id="messagebtn">
                <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="right-entry-icon"><path d="M15.435 17.7717H4.567C2.60143 17.7717 1 16.1723 1 14.2047V5.76702C1 3.80144 2.59942 2.20001 4.567 2.20001H15.433C17.3986 2.20001 19 3.79943 19 5.76702V14.2047C19.002 16.1703 17.4006 17.7717 15.435 17.7717ZM4.567 4.00062C3.59327 4.00062 2.8006 4.79328 2.8006 5.76702V14.2047C2.8006 15.1784 3.59327 15.9711 4.567 15.9711H15.433C16.4067 15.9711 17.1994 15.1784 17.1994 14.2047V5.76702C17.1994 4.79328 16.4067 4.00062 15.433 4.00062H4.567Z" fill="currentColor"></path><path d="M9.99943 11.2C9.51188 11.2 9.02238 11.0667 8.59748 10.8019L8.5407 10.7635L4.3329 7.65675C3.95304 7.37731 3.88842 6.86226 4.18996 6.50976C4.48954 6.15544 5.0417 6.09699 5.4196 6.37643L9.59412 9.45943C9.84279 9.60189 10.1561 9.60189 10.4067 9.45943L14.5812 6.37643C14.9591 6.09699 15.5113 6.15544 15.8109 6.50976C16.1104 6.86409 16.0478 7.37731 15.6679 7.65675L11.4014 10.8019C10.9765 11.0667 10.487 11.2 9.99943 11.2Z" fill="currentColor"></path></svg>
                <span>消息</span>
              </a>
              <div class="messageExtend">
                <div class="messageItem">回复我的</div>
                <div class="messageItem">@我的</div>
                <div class="messageItem">收到的赞</div>
                <div class="messageItem">系统消息</div>
                <div class="messageItem">我的消息</div>
              </div>
            </li>
            <li class="headerbar_right_personalWrap dynamicWrap">
              <a href="" id="dynamicbtn">
                <svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg" class="right-entry-icon"><g clip-path="url(#clip0)"><path d="M10 10.743C7.69883 10.743 5.83333 8.87747 5.83333 6.5763C5.83333 4.27512 7.69883 2.40964 10 2.40964V10.743Z" stroke="currentColor" stroke-width="1.6" stroke-linejoin="round"></path><path d="M10 10.743C10 13.0441 8.1345 14.9096 5.83333 14.9096C3.53217 14.9096 1.66667 13.0441 1.66667 10.743H10Z" stroke="currentColor" stroke-width="1.6" stroke-linejoin="round"></path><path d="M10 10.743C10 8.44182 11.8655 6.57632 14.1667 6.57632C16.4679 6.57632 18.3333 8.44182 18.3333 10.743H10Z" stroke="currentColor" stroke-width="1.6" stroke-linejoin="round"></path><path d="M9.99999 10.743C12.3012 10.743 14.1667 12.6085 14.1667 14.9096C14.1667 17.2108 12.3012 19.0763 9.99999 19.0763V10.743Z" stroke="currentColor" stroke-width="1.6" stroke-linejoin="round"></path></g><defs><clipPath id="clip0"><rect width="20" height="20" fill="currentColor" transform="matrix(-1 0 0 1 20 0.742981)"></rect></clipPath></defs></svg>
                <span>动态</span>
              </a>
              <div class="dynamicExtend">
                <ul class="dynamicBtnWrap">
                  <li class="DBtn active">视频</li>
                  <li class="DBtn">直播</li>
                  <li class="DBtn">专栏</li>
                </ul>
                <div class="dynamicCard videoD active">
                  <div class="nomoreD">暂时没有新动态了哦！</div>
                  <div class="historyDBox">
                    <div class="historyD">历史动态</div>
                  </div>
                  <div class="dynamicitem">
                    <div class="itemLeft">
                      <div class="imgWrap">
                        <img src="images/dynamicAvatar1.webp" alt="">
                      </div>
                    </div>
                    <div class="itemCenter">
                      <div class="nameline">吱障</div>
                      <div class="info">【赤安】R.I.P. 愿这首心碎的杂音之歌 能大声奏响【静止系MAD】</div>
                      <span class="time">6小时前</span>
                    </div>
                    <div class="itemRight">
                      <div class="cover">
                        <img src="images/dynamicCover1.avif" alt="">
                      </div>
                    </div>
                  </div>
                  <div class="dynamicitem">
                    <div class="itemLeft">
                      <div class="imgWrap">
                        <img src="images/dynamicAvatar2.webp" alt="">
                      </div>
                    </div>
                    <div class="itemCenter">
                      <div class="nameline">破锋天下</div>
                      <div class="info">破锋天下行楷教学直播回放</div>
                      <span class="time">7小时前</span>
                    </div>
                    <div class="itemRight">
                      <div class="cover">
                        <img src="images/dynamicCover2.avif" alt="">
                      </div>
                    </div>
                  </div>
                  <div class="dynamicitem">
                    <div class="itemLeft">
                      <div class="imgWrap">
                        <img src="images/dynamicAvatar3.webp" alt="">
                      </div>
                    </div>
                    <div class="itemCenter">
                      <div class="nameline">邓峰萌萌摔肿了</div>
                      <div class="info">犯规了，哪有这么小的小朋友四仰八叉睡觉的啊！</div>
                      <span class="time">14小时前</span>
                    </div>
                    <div class="itemRight">
                      <div class="cover">
                        <img src="images/dynamicCover3.avif" alt="">
                      </div>
                    </div>
                  </div>
                  <div class="dynamicitem">
                    <div class="itemLeft">
                      <div class="imgWrap">
                        <img src="images/dynamicAvatar4.webp" alt="">
                      </div>
                    </div>
                    <div class="itemCenter">
                      <div class="nameline">HidaMari_Cooking</div>
                      <div class="info">沉浸式做巧克力蛋糕！松软绵密超好吃！| 无烤箱</div>
                      <span class="time">4月18日</span>
                    </div>
                    <div class="itemRight">
                      <div class="cover">
                        <img src="images/dynamicCover4.avif" alt="">
                      </div>
                    </div>
                  </div>
                </div>
                <div class="dynamicCard liveD">
                  <div class="dynamicitem">
                    <div class="itemLeft">
                      <div class="imgWrap">
                        <img src="images/dynamicAvatar5.webp" alt="">
                      </div>
                    </div>
                    <div class="itemCenter">
                      <div class="nameline">是茴香鸡蛋包子啊</div>
                      <div class="info">香喷喷的小丸子</div>
                      <span class="livingnow">
                        <img width="12" height="12" src="images/live.gif" alt="">
                        <span>直播中</span>
                      </span>
                    </div>
                    <div class="itemRight">
                      <div class="cover">
                        <img src="images/dynamicCover5.avif" alt="">
                      </div>
                    </div>
                  </div>
                  <div class="checkall">查看全部动态</div>
                </div>
                <div class="dynamicCard columnD">
                  <div class="nomoreD">暂时没有新动态了哦！</div>
                  <div class="historyDBox">
                    <div class="historyD">历史动态</div>
                  </div>
                  <div class="dynamicitem">
                    <div class="itemLeft">
                      <div class="imgWrap">
                        <img src="images/dynamicAvatar6.webp" alt="">
                      </div>
                    </div>
                    <div class="itemCenter">
                      <div class="nameline">怪力老陈</div>
                      <div class="info">0330粉丝单品拯救链接整理</div>
                      <span class="time">4月4日</span>
                    </div>
                    <div class="itemRight">
                      <div class="cover">
                        <img src="images/dynamicCover6.avif" alt="">
                      </div>
                    </div>
                  </div>
                  <div class="dynamicitem">
                    <div class="itemLeft">
                      <div class="imgWrap">
                        <img src="images/dynamicAvatar6.webp" alt="">
                      </div>
                    </div>
                    <div class="itemCenter">
                      <div class="nameline">怪力老陈</div>
                      <div class="info">0316黑暗荣耀单品链接整理</div>
                      <span class="time">3月17日</span>
                    </div>
                    <div class="itemRight">
                      <div class="cover">
                        <img src="images/dynamicCover7.avif" alt="">
                      </div>
                    </div>
                  </div>
                  <div class="dynamicitem">
                    <div class="itemLeft">
                      <div class="imgWrap">
                        <img src="images/dynamicAvatar7.webp" alt="">
                      </div>
                    </div>
                    <div class="itemCenter">
                      <div class="nameline">艾恩小灰灰</div>
                      <div class="info">【源码】2.5D立体文字效果</div>
                      <span class="time">3月2日</span>
                    </div>
                    <div class="itemRight">
                      <div class="cover">
                        <img src="images/dynamicCover8.avif" alt="">
                      </div>
                    </div>
                  </div>
                  <div class="dynamicitem">
                    <div class="itemLeft">
                      <div class="imgWrap">
                        <img src="images/dynamicAvatar7.webp" alt="">
                      </div>
                    </div>
                    <div class="itemCenter">
                      <div class="nameline">艾恩小灰灰</div>
                      <div class="info">【源码】单选按钮的创意动画</div>
                      <span class="time">2月27日</span>
                    </div>
                    <div class="itemRight">
                      <div class="cover">
                        <img src="images/dynamicCover9.avif" alt="">
                      </div>
                    </div>
                  </div>
                
                 
                </div>
              </div>
            </li>
            <li class="headerbar_right_personalWrap collectionWrap">
              <a href="" id="collectionbtn">
                <svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg" class="right-entry-icon"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.0505 3.16759L12.7915 6.69573C12.954 7.02647 13.2702 7.25612 13.6349 7.30949L17.5294 7.87474C18.448 8.00817 18.8159 9.13785 18.1504 9.78639L15.3331 12.5334C15.0686 12.7905 14.9481 13.1609 15.0104 13.5256L15.6759 17.4031C15.8328 18.3184 14.8721 19.0171 14.0497 18.5845L10.5661 16.7537C10.2402 16.5823 9.85042 16.5823 9.52373 16.7537L6.04087 18.5845C5.21848 19.0171 4.2578 18.3184 4.41468 17.4031L5.07939 13.5256C5.14166 13.1609 5.02198 12.7905 4.75755 12.5334L1.9394 9.78639C1.27469 9.13785 1.64182 8.00817 2.56126 7.87474L6.4549 7.30949C6.82041 7.25612 7.13578 7.02647 7.29832 6.69573L9.04015 3.16759C9.45095 2.33468 10.6389 2.33468 11.0505 3.16759Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"></path><path d="M11.603 11.8739C11.413 12.5556 10.7871 13.0554 10.0447 13.0554C9.29592 13.0554 8.66679 12.5467 8.48242 11.8569" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"></path></svg>
                <span>收藏</span>
              </a>
              <div class="collectionExtend">
                <ul class="navWrap">
                  <div class="navbtn active">
                    <span>默认收藏夹</span>
                    <span class="count">1</span>
                  </div>
                  <div class="navbtn">
                    <span>稍后再看</span>
                    <span class="count">1</span>
                  </div>
                </ul>
                <div class="tabWrap">
                  <div class="tab active">
                    <div class="tabitem">
                      <div class="tabimg">
                        <div class="imgWrap">
                          <img src="images/collection1.avif" alt="">
                        </div>
                        <div class="duration">
                          <span>12:32:07</span>
                        </div>
                      </div>
                      <div class="tabinfo">
                        <div class="infotitle">【海女】001-050（2013）</div>
                        <span class="infoauthor">
                          <span class="iconfont icon-UPzhu"></span>
                          <span>今夜深蓝温柔如水</span>
                        </span>
                      </div>
                    </div>
                  </div>
                  <div class="tab"  >
                    <div class="tabitem">
                      <div class="tabimg">
                        <div class="imgWrap">
                          <img src="images/collection2.avif" alt="">
                        </div>
                        <div class="duration">
                          <span>01:28:14</span>
                        </div>
                      </div>
                      <div class="tabinfo">
                        <div class="infotitle">【4K】1-10全集丨重启人生电视剧无删减</div>
                        <span class="infoauthor">
                          <span class="iconfont icon-UPzhu"></span>
                          <span>打打德国褪垦</span>
                        </span>
                      </div>
                    </div>
                  </div>
                  <div class="contentbottom">
                    <div class="checkall">查看全部</div>
                    <div class="playall">
                      播放全部
                    </div>
                  </div>
                </div>
              </div>
            </li>
            <li class="headerbar_right_personalWrap historyWrap">
              <a href="">
                <svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg" class="right-entry-icon"><path fill-rule="evenodd" clip-rule="evenodd" d="M10 1.74286C5.02955 1.74286 1 5.7724 1 10.7429C1 15.7133 5.02955 19.7429 10 19.7429C14.9705 19.7429 19 15.7133 19 10.7429C19 5.7724 14.9705 1.74286 10 1.74286ZM10.0006 3.379C14.0612 3.379 17.3642 6.68282 17.3642 10.7426C17.3642 14.8033 14.0612 18.1063 10.0006 18.1063C5.93996 18.1063 2.63696 14.8033 2.63696 10.7426C2.63696 6.68282 5.93996 3.379 10.0006 3.379Z" fill="currentColor"></path><path d="M9.99985 6.6521V10.743" stroke="currentColor" stroke-width="1.7" stroke-linecap="round"></path><path d="M12.4545 10.7427H10" stroke="currentColor" stroke-width="1.7" stroke-linecap="round"></path></svg>
                <span>历史</span>
              </a>
              <div style="display: none;"></div>
            </li>
            <li class="headerbar_right_personalWrap creationWrap">
              <a href="">
                <svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg" class="right-entry-icon"><mask id="mask0" mask-type="alpha" maskUnits="userSpaceOnUse" x="2" y="1" width="16" height="20"><path fill-rule="evenodd" clip-rule="evenodd" d="M2.5 1.74286H17.5V20.0762H2.5V1.74286Z" fill="currentColor"></path></mask><g mask="url(#mask0)"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.99999 1.74286C9.92916 1.74286 9.85916 1.74369 9.78833 1.74536C5.85416 1.85453 2.58416 5.14869 2.50166 9.08286C2.44999 11.5404 3.58666 13.7304 5.36999 15.1337C5.52166 15.2529 5.63166 15.4162 5.67333 15.6045L6.30416 18.447C6.51583 19.3987 7.36083 20.0762 8.33583 20.0762H11.6617C12.6383 20.0762 13.4842 19.3987 13.6958 18.4445L14.3275 15.602C14.3692 15.4154 14.4775 15.2537 14.6275 15.1354C16.3733 13.7629 17.5 11.637 17.5 9.24286C17.5 5.10036 14.1425 1.74286 9.99999 1.74286ZM10.0003 3.40939C13.2161 3.40939 15.8336 6.02606 15.8336 9.24273C15.8336 11.0386 15.0186 12.7086 13.5978 13.8252C13.1428 14.1827 12.8244 14.6852 12.7011 15.2402L12.0686 18.0827C12.0269 18.2752 11.8586 18.4094 11.6619 18.4094H8.33609C8.14109 18.4094 7.97359 18.2761 7.93192 18.0852L7.30025 15.2427C7.17609 14.6869 6.85775 14.1827 6.40109 13.8236C4.94359 12.6769 4.12942 10.9619 4.16859 9.11773C4.23192 6.05523 6.77442 3.49606 9.83442 3.41189C9.88942 3.41023 9.94525 3.40939 10.0003 3.40939Z" fill="currentColor"></path><path d="M10 6.81299L8.81253 9.18726H11.1875L9.99952 11.561" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"></path></g><path d="M6.66656 15.9095H13.3332" stroke="currentColor" stroke-width="1.7"></path></svg>
                <span>创作中心</span>
              </a>
            </li>
            <li class="headerbar_right_uploadWrap">
              <div class="headerbar_right_upload">
                <a href="" class="">
                  <div class="headerbar_right_uploadEntry">
                    <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" class="header-upload-entry__icon"><path d="M12.0824 10H14.1412C15.0508 10 15.7882 10.7374 15.7882 11.6471V12.8824C15.7882 13.792 15.0508 14.5294 14.1412 14.5294H3.84707C2.93743 14.5294 2.20001 13.792 2.20001 12.8824V11.6471C2.20001 10.7374 2.93743 10 3.84707 10H5.90589" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"></path><path d="M8.99413 11.2353L8.99413 3.82353" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"></path><path d="M12.0823 6.29413L8.9941 3.20589L5.90587 6.29413" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"></path></svg>
                    <span>投稿</span>
                  </div>
                </a>
                <div style="display: none;"></div>
              </div>
            </li>
          </ul>
        </div>
        <!-- 动画横幅 -->
        <div class="headerbanner">
          <div class="animated-banner">
            <div class="layer">
              <img height="696" width="3468"
                src="images/01.webp">
            </div>
            <div class="layer">
              <video loop src="images/02.webm" width="121" height="121" muted autoplay></video>
            </div>
            <div class="layer">
              <img height="522" width="823"
                src="images/03.webp">
            </div>
            <div class="layer">
              <img height="205" width="185"
                src="images/04.webp">
            </div>
            <div class="layer">
              <video loop src="images/02.webm" playsinline="" width="348" height="348" autoplay muted></video>
            </div>
            <div class="layer">
              <img height="382" width="386"
                src="images/06.webp">
            </div>
            <div class="layer">
              <img height="84" width="106"
                src="images/07.webp">
            </div>
            <div class="layer">
              <img height="120" width="254"
                src="images/08.webp">
            </div>
            <div class="layer">
              <img height="99" width="229"
                src="images/09.webp">
            </div>
            <div class="layer">
              <img height="77" width="159"
                src="images/10.webp">
            </div>
            <div class="layer">
              <img height="82" width="53"
                src="images/11.webp">
            </div>
            <div class="layer">
              <img height="191" width="257"
                src="images/12.webp">
            </div>
            <div class="layer">
              <img height="175" width="59"
                src="images/13.webp">
            </div>
            <div class="layer">
              <img height="187" width="91"
                src="images/14.webp">
            </div>
            <div class="layer">
              <img height="522" width="1960"
                src="images/15.webp">
            </div>
            <div class="layer">
              <img height="236" width="235"
                src="images/16.webp">
            </div>
            <div class="layer">
              <img height="236" width="235"
                src="images/17.webp">
            </div>
            <div class="layer">
              <img height="271" width="116"
                src="images/18.webp">
            </div>
            <div class="layer">
              <img height="97" width="81"
                src="images/19.webp">
            </div>
            <div class="layer">
              <img height="239" width="227"
                src="images/20.webp">
            </div>
            <div class="layer">
              <img src="images/21.webp" height="540"
                width="514">
            </div>
            <div class="layer">
              <img src="images/22.webp" height="153"
                width="306">
            </div>
            <div class="layer">
              <img src="images/23.webp" height="129"
                width="189">
            </div>
            <div class="layer">
              <img src="images/24.webp" height="271"
                width="114">
            </div>
            <div class="layer">
              <img src="images/25.webp" height="159"
                width="348">
            </div>
          </div>
        </div>
        <!-- 频道 -->
        <div class="headerchannel">
          <div class="channel_icons">
            <a href="">
              <div class="icon_dynamic">
                <svg width="22" height="23" viewBox="0 0 22 23" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-bg--icon" data-v-efb1e338=""><path d="M6.41659 15.625C3.88528 15.625 1.83325 13.7782 1.83325 11.5H10.9999C10.9999 13.7782 8.94789 15.625 6.41659 15.625Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path><path d="M15.125 16.0827C15.125 18.614 13.2782 20.666 11 20.666L11 11.4993C13.2782 11.4993 15.125 13.5514 15.125 16.0827Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path><path d="M6.875 6.91667C6.875 9.44797 8.72183 11.5 11 11.5L11 2.33333C8.72182 2.33333 6.875 4.38536 6.875 6.91667Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path><path d="M15.5833 7.375C13.052 7.375 11 9.22183 11 11.5H20.1667C20.1667 9.22183 18.1146 7.375 15.5833 7.375Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg>
              </div>
              <span>动态</span>
            </a>
            <a href="">
              <div class="icon_popular">
                <svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-bg--icon"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.89054 17.272L4.89277 17.2742C6.49674 18.8782 8.66472 19.7888 10.9624 19.7888C13.2503 19.7888 15.2113 19.0539 16.6107 17.6108L16.6108 17.6108L16.6128 17.6086C18.0002 16.1345 18.7835 14.182 18.7421 12.1819C18.7852 11.3835 18.6916 9.36321 17.4088 6.75488L17.4082 6.7537C17.209 6.35523 16.8163 6.06598 16.3391 5.96993C15.8904 5.87103 15.4021 6.01997 15.061 6.35741C14.9094 6.48781 14.7796 6.61755 14.6655 6.7317L14.6637 6.73348L14.6329 6.76426C14.2107 3.35588 12.6083 1.7368 11.1654 1.00465C11.148 0.987812 11.1265 0.967972 11.1036 0.950782C11.0775 0.931205 11.0311 0.900467 10.9694 0.888912C10.2276 0.608301 9.41043 1.01168 9.1237 1.77629L9.12314 1.7778C8.50566 3.46558 7.35287 4.62281 6.16627 5.76704C4.51756 7.33121 2.75938 9.03623 2.80163 12.093C2.75906 14.055 3.54464 15.8826 4.89054 17.272ZM3.04999 13.0648C3.01092 12.7459 2.99439 12.4218 3.00168 12.0939C2.95933 9.12977 4.6531 7.47834 6.30453 5.9116C7.49017 4.76831 8.67581 3.58267 9.31098 1.84655C9.56504 1.16904 10.2849 0.830288 10.9201 1.08435C10.9624 1.08435 11.0048 1.1267 11.0471 1.16904C11.9267 1.60884 12.8853 2.39635 13.5753 3.77299C12.8853 2.39633 11.9267 1.6088 11.0471 1.16901C11.0047 1.12666 10.9624 1.08432 10.9201 1.08432C10.2849 0.830251 9.56503 1.16901 9.31097 1.84651C8.6758 3.58263 7.49016 4.76827 6.30452 5.91157C4.65309 7.47831 2.95932 9.12973 3.00166 12.0938C2.99438 12.4218 3.01092 12.7459 3.04999 13.0648ZM14.477 7.18189C14.477 7.1819 14.477 7.18192 14.477 7.18193C14.5828 7.09724 14.6887 6.99138 14.8052 6.87493C14.9216 6.75849 15.0486 6.63146 15.1968 6.50442C15.4932 6.20801 15.9167 6.08098 16.2978 6.16567C16.7212 6.25036 17.06 6.50443 17.2294 6.84318C17.3088 7.0046 17.3835 7.16371 17.4539 7.32035C17.3835 7.1637 17.3087 7.00458 17.2294 6.84314C17.06 6.50439 16.7212 6.25032 16.2978 6.16563C15.9167 6.08094 15.4932 6.20798 15.1968 6.50439C15.0486 6.63142 14.9216 6.75845 14.8051 6.87489L14.8051 6.8749C14.7557 6.92437 14.7081 6.97191 14.6617 7.01675C14.5988 7.07745 14.5379 7.13318 14.477 7.18189ZM12.6977 6.35925C12.8428 7.15476 12.8833 7.97963 12.8679 8.74864C12.8679 8.79032 12.8704 8.8315 12.8754 8.87195C12.8704 8.83151 12.8679 8.79035 12.8679 8.74867C12.8833 7.97966 12.8428 7.15478 12.6977 6.35925ZM16.7358 10.6654C16.8108 11.1478 16.8483 11.6393 16.8483 12.1362V12.1786C16.8483 13.703 16.2978 15.2274 15.2392 16.3283C14.0535 17.4293 12.5291 18.0221 10.9201 17.9374C9.1416 17.9374 7.44783 17.2175 6.21984 15.9472C5.82743 15.5548 5.50448 15.1119 5.25584 14.6331C5.50447 15.1119 5.82743 15.5548 6.21983 15.9472C7.44782 17.2175 9.14159 17.9373 10.9201 17.9373C12.5291 18.022 14.0535 17.4292 15.2392 16.3283C16.2978 15.2273 16.8483 13.7029 16.8483 12.1785V12.1362C16.8483 11.6393 16.8108 11.1478 16.7358 10.6654ZM10.9306 17.7376C12.4802 17.8192 13.9509 17.2497 15.0989 16.1856C16.1154 15.1261 16.6483 13.655 16.6483 12.1785V12.1362C16.6483 10.8624 16.3969 9.6266 15.8955 8.49474C15.2436 9.11663 14.7845 9.49093 14.4179 9.68717C14.2122 9.79725 14.0268 9.85633 13.846 9.86789C13.6644 9.8795 13.5028 9.84219 13.3473 9.78249C12.9207 9.62211 12.6679 9.20129 12.6679 8.74864V8.74464L12.6679 8.74464C12.6889 7.69735 12.6046 6.55594 12.2954 5.53554C12.01 4.59379 11.5372 3.76766 10.7904 3.20655C9.96581 4.94926 8.72521 6.18561 7.58695 7.28323L7.50836 7.35967C5.97191 8.85397 4.81321 9.98087 4.85306 12.1325L4.85313 12.1362H4.85309C4.85309 13.5239 5.38326 14.8277 6.36125 15.8057L6.36365 15.8081L6.36363 15.8082C7.55387 17.0394 9.19573 17.7374 10.9201 17.7374H10.9306L10.9306 17.7376Z" fill="#ffffff"></path></svg>
              </div>
              <span>热门</span>
            </a>
            <a href="">
              <div class="icon_channel">
                <svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-bg--icon"><circle cx="5.6875" cy="14" r="3.5" stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></circle><circle cx="10.5" cy="5.6875" r="3.5" stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></circle><circle cx="15.3125" cy="14" r="3.5" stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></circle></svg>
              </div>
              <span>频道</span>
            </a>
          </div>

          <div class="channel_optionsWrap">            
            <div class="channel_options">
              <div class="channel_options_left">
                <div class="channelitemWrap2 animeWrap">
                  <a href="" id="channelAnime">番剧
                    <div class="extend1 exdanime">
                      <div class="exdLeft">
                        <div class="exdItem">连载动画</div>
                        <div class="exdItem">完结动画</div>
                        <div class="exdItem">资讯</div>
                        <div class="exdItem">官方延伸</div>
                      </div>
                      <div class="exdRight">
                        <div class="exdItem">新番时间表</div>
                        <div class="exdItem">番剧索引</div>
                      </div>
                    </div>
                   </a>
                </div>
               
               <a href="" id="channelfilm">电影</a>
               <div class="channelitemWrap2 localanimeWrap">
                <a href="" id="channelLocalAnime">国创
                  <div class="extend1 exdlocalanime">
                    <div class="exdLeft">
                      <div class="exdItem">国产动画</div>
                      <div class="exdItem">国产原创相关</div>
                      <div class="exdItem">布袋戏</div>
                      <div class="exdItem">动态漫·广播剧</div>
                    </div>
                    <div class="exdRight">
                      <div class="exdItem">资讯</div>
                      <div class="exdItem">新番时间表</div>
                      <div class="exdItem">国产动画索引</div>
                    </div>
                  </div>
                 </a>
               </div>
            
               <a href="" id="channeldrama">电视剧</a>
               <a href="" id="channelvariety">综艺</a>
               <a href="" id="channeldocumentary">纪录片</a>
               <div class="channelitemWrap2 cartoonWrap">
                <a href="" id="channelCartoon">动画
                  <div class="extend1 exdcartoon">
                    <div class="exdLeft">
                      <div class="exdItem">MAD·AMV</div>
                      <div class="exdItem">MMD·3D</div>
                      <div class="exdItem">短片·手书·配音</div>
                      <div class="exdItem">手办·模玩</div>
                    </div>
                    <div class="exdRight">
                      <div class="exdItem">特摄</div>
                      <div class="exdItem">动漫杂谈</div>
                      <div class="exdItem">综合</div>
                    </div>
                  </div>
                 </a>
               </div>
              
               <div class="channelitemWrap1 gameWrap">
                <a href="" id="channelGame">游戏
                  <div class="extend3 exdgame">
                    <div class="exdLeft">
                      <div class="exdItem">单机游戏</div>
                      <div class="exdItem">电子竞技</div>
                      <div class="exdItem">手机游戏</div>
                      <div class="exdItem">网络游戏</div>
                    </div>
                    <div class="exdCenter">
                      <div class="exdItem">桌游棋牌</div>
                      <div class="exdItem">GMV</div>
                      <div class="exdItem">音游</div>
                      <div class="exdItem">Mugan</div>
                    </div>
                    <div class="exdRight">
                      <div class="exdItem">游戏赛事</div>
                    </div>
                  </div>
                 </a>
               </div>
               <div class="channelitemWrap2 ghostWrap">
                <a href="" id="channelGhost">鬼畜
                  <div class="extend1 exdghost">
                    <div class="exdLeft">
                      <div class="exdItem">鬼畜调教</div>
                      <div class="exdItem">音MAD</div>
                      <div class="exdItem">人力VOCALOID</div>
                      <div class="exdItem">鬼畜剧场</div>
                    </div>
                    <div class="exdRight">
                      <div class="exdItem">教程演示</div>
                    </div>
                  </div>
                 </a>
               </div>
              
               <div class="channelitemWrap1 musicWrap">
                <a href="" id="channelMusic">音乐
                  <div class="extend3 exdmusic">
                    <div class="exdLeft">
                      <div class="exdItem">原创音乐</div>
                      <div class="exdItem">翻唱</div>
                      <div class="exdItem">演奏</div>
                      <div class="exdItem">VOCALOID·UTAU</div>
                    </div>
                    <div class="exdCenter">
                      <div class="exdItem">音乐现场</div>
                      <div class="exdItem">MV</div>
                      <div class="exdItem">乐评盘点</div>
                      <div class="exdItem">音乐教学</div>
                    </div>
                    <div class="exdRight">
                      <div class="exdItem">音乐综合</div>
                      <div class="exdItem">说唱</div>
                    </div>
                  </div>
                 </a>
               </div>
               <div class="channelitemWrap2 danceWrap">
                <a href="" id="channelDance">舞蹈
                  <div class="extend1 exddance">
                    <div class="exdLeft">
                      <div class="exdItem">宅舞</div>
                      <div class="exdItem">街舞</div>
                      <div class="exdItem">明星舞蹈</div>
                      <div class="exdItem">国风舞蹈</div>
                    </div>
                    <div class="exdRight">
                      <div class="exdItem">手势·网红舞</div>
                      <div class="exdItem">舞蹈综合</div>
                      <div class="exdItem">舞蹈教程</div>
                      
                    </div>
                  </div>
                 </a>
               </div>
              
               <div class="channelitemWrap1 movieWrap">
                <a href="" id="channelMovie">影视
                  <div class="extend2 exmovie">
                    <div class="exdcenter">
                      <div class="exdItem">影视杂谈</div>
                      <div class="exdItem">影视剪辑</div>
                      <div class="exdItem">小剧场</div>
                      <div class="exdItem">预告·资讯</div>
                    </div>
                  </div>
                 </a>
               </div>
             <div class="channelitemWrap2 entertainmentWrap">
              <a href="" id="channelEntertainment">娱乐
                <div class="extend2 exdentertainment">
                  <div class="exdItem">综艺</div>
                  <div class="exdItem">娱乐杂谈</div>
                  <div class="exdItem">粉丝合作</div>
                  <div class="exdItem">明星综合</div>
                </div>
               </a>
             </div>
             
               <div class="channelitemWrap1 knowledgeWrap">
                <a href="" id="channelKnowledge">知识
                  <div class="extend1 exdknowledge">
                    <div class="exdLeft">
                      <div class="exdItem">科学科普</div>
                      <div class="exdItem">社科·法律·心理</div>
                      <div class="exdItem">人文历史</div>
                      <div class="exdItem">财经商业</div>
                    </div>
                    <div class="exdRight">
                      <div class="exdItem">校园学习</div>
                      <div class="exdItem">职业职场</div>
                      <div class="exdItem">设计·创意</div>
                      <div class="exdItem">野生技能协会</div>
                    </div>
                  </div>
                 </a>
               </div>
               <div class="channelitemWrap2 techWrap">
                <a href="" id="channelTech">科技
                  <div class="extend1 exdtech">
                    <div class="exdLeft">
                      <div class="exdItem">数码</div>
                      <div class="exdItem">软件应用</div>
                      <div class="exdItem">计算机技术</div>
                      <div class="exdItem">科工机械</div>
                    </div>
                    <div class="exdRight">
                      <div class="exdItem">极客DIY</div>
                    </div>
                  </div>
                 </a>
               </div>
              
               <div class="channelitemWrap1 infoWrap">
                <a href="" id="channelInfo">资讯
                  <div class="extend2 exdinfo">
                    <div class="exdItem">热点</div>
                    <div class="exdItem">环球</div>
                    <div class="exdItem">社会</div>
                    <div class="exdItem">综合</div>
                  </div>
                 </a>
               </div>
               <div class="channelitemWrap2 foodWrap">
                <a href="" id="channelFood">美食
                  <div class="extend1 exdfood">
                    <div class="exdLeft">
                      <div class="exdItem">美食</div>
                      <div class="exdItem">美食侦探</div>
                      <div class="exdItem">美食测评</div>
                      <div class="exdItem">田园美食</div>
                    </div>
                    <div class="exdRight">
                      <div class="exdItem">美食记录</div>
                    </div>
                  </div>
                 </a>
               </div>
          
               <div class="channelitemWrap1 lifeWrap">
                <a href="" id="channelLife">生活
                  <div class="extend1 exdlife">
                    <div class="exdLeft">
                      <div class="exdItem">搞笑</div>
                      <div class="exdItem">亲子</div>
                      <div class="exdItem">出行</div>
                      <div class="exdItem">三农</div>
                    </div>
                    <div class="exdRight">
                      <div class="exdItem">家居房产</div>
                      <div class="exdItem">手工</div>
                      <div class="exdItem">绘画</div>
                      <div class="exdItem">日常</div>
                    </div>
                  </div>
                 </a>
               </div>

               <div class="channelitemWrap2 carWrap">
                <a href="" id="channelCar">汽车
                  <div class="extend1 exdcar">
                    <div class="exdLeft">
                      <div class="exdItem">赛车</div>
                      <div class="exdItem">改装玩车</div>
                      <div class="exdItem">新能源车</div>
                      <div class="exdItem">房车</div>
                    </div>
                    <div class="exdRight">
                      <div class="exdItem">摩托车</div>
                      <div class="exdItem">购车攻略</div>
                      <div class="exdItem">汽车生活</div>
                    </div>
                  </div>
                 </a>
               </div>
               
               <div class="channelitemWrap1 fashionWrap">
                <a href="" id="channelFashion">时尚
                  <div class="extend2 exdfashion">
                    <div class="exdItem">美妆护肤</div>
                    <div class="exdItem">仿妆cos</div>
                    <div class="exdItem">穿搭</div>
                    <div class="exdItem">时尚潮流</div>
                  </div>
                 </a>
               </div>
              <div class="channelitemWrap2 sportWrap">
                <a href="" id="channelSport">运动
                  <div class="extend1 exdsport">
                    <div class="exdLeft">
                      <div class="exdItem">篮球</div>
                      <div class="exdItem">足球</div>
                      <div class="exdItem">健身</div>
                      <div class="exdItem">竞技体育</div>
                    </div>
                    <div class="exdRight">
                      <div class="exdItem">运动文化</div>
                      <div class="exdItem">运动综合</div>
                    </div>
                  </div>
                 </a>
              </div>
               
               <div class="channelitemWrap1 animalWrap"> 
                  <a href="" id="channelAnimal">动物圈
                    <div class="extend1 exdanimal">
                      <div class="exdLeft">
                        <div class="exdItem">喵星人</div>
                        <div class="exdItem">汪星人</div>
                        <div class="exdItem">小宠异宠</div>
                        <div class="exdItem">野生动物</div>
                      </div>
                      <div class="exdRight">
                        <div class="exdItem">动物二创</div>
                        <div class="exdItem">动物综合</div>
                      </div>
                    </div>
                  </a>
              </div>
               <a href="" class="options_vlog" id="channelVLOG">VLOG</a>
              
               <div class="channelitemWrap1 moreWrap">
                <a href="" id="channelMore">
                  <span class="options_more">更多</span>
                  <svg id="moresvg" width="10" height="10" viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg" class="channel-entry-more__link--arrow"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.50588 3.40623C7.40825 3.3086 7.24996 3.3086 7.15232 3.40623L4.41244 6.14612L1.67255 3.40623C1.57491 3.3086 1.41662 3.3086 1.31899 3.40623C1.22136 3.50386 1.22136 3.66215 1.31899 3.75978L4.11781 6.5586C4.28053 6.72132 4.54434 6.72132 4.70706 6.5586L7.50588 3.75978C7.60351 3.66215 7.60351 3.50386 7.50588 3.40623Z" fill="currentColor"></path><path d="M7.15232 3.40623L7.50588 3.75978L7.50588 3.75978L7.15232 3.40623ZM7.50588 3.40623L7.15232 3.75978L7.15233 3.75978L7.50588 3.40623ZM4.41244 6.14612L4.05888 6.49967C4.15265 6.59344 4.27983 6.64612 4.41244 6.64612C4.54504 6.64612 4.67222 6.59344 4.76599 6.49967L4.41244 6.14612ZM1.67255 3.40623L2.0261 3.05268L2.0261 3.05268L1.67255 3.40623ZM1.31899 3.40623L0.965439 3.05268L0.965439 3.05268L1.31899 3.40623ZM1.31899 3.75978L1.67255 3.40623V3.40623L1.31899 3.75978ZM4.11781 6.5586L3.76425 6.91215L4.11781 6.5586ZM4.70706 6.5586L4.35351 6.20505L4.70706 6.5586ZM7.50588 3.75978L7.15233 3.40623L7.15232 3.40623L7.50588 3.75978ZM7.50588 3.75978C7.40825 3.85742 7.24996 3.85742 7.15232 3.75978L7.85943 3.05268C7.56654 2.75978 7.09166 2.75978 6.79877 3.05268L7.50588 3.75978ZM4.76599 6.49967L7.50588 3.75978L6.79877 3.05268L4.05888 5.79257L4.76599 6.49967ZM1.31899 3.75978L4.05888 6.49967L4.76599 5.79257L2.0261 3.05268L1.31899 3.75978ZM1.67254 3.75979C1.57491 3.85742 1.41662 3.85742 1.31899 3.75979L2.0261 3.05268C1.73321 2.75978 1.25833 2.75978 0.965439 3.05268L1.67254 3.75979ZM1.67255 3.40623C1.77018 3.50386 1.77018 3.66215 1.67255 3.75978L0.965439 3.05268C0.672546 3.34557 0.672546 3.82044 0.965439 4.11334L1.67255 3.40623ZM4.47136 6.20505L1.67255 3.40623L0.965439 4.11334L3.76425 6.91215L4.47136 6.20505ZM4.35351 6.20505C4.38605 6.1725 4.43882 6.1725 4.47136 6.20505L3.76425 6.91215C4.12223 7.27013 4.70264 7.27013 5.06062 6.91215L4.35351 6.20505ZM7.15232 3.40623L4.35351 6.20505L5.06062 6.91215L7.85943 4.11334L7.15232 3.40623ZM7.15233 3.75978C7.05469 3.66215 7.05469 3.50386 7.15233 3.40623L7.85943 4.11334C8.15233 3.82045 8.15233 3.34557 7.85943 3.05268L7.15233 3.75978Z" fill="currentColor"></path></svg>
                  <div class="extend1 exdmore">
                    <div class="exdLeft">
                      <div class="exdItem">搞笑</div>
                      <div class="exdItem">单机游戏</div>
                      <div class="exdItem">虚拟UP主</div>
                    </div>
                    <div class="exdRight">
                      <div class="exdItem">公益</div>
                      <div class="exdItem">公开课</div>
                    </div>
                  </div>
                 </a>
               </div>
             
              </div>
              <div class="channel_options_right">
                <a href="">
                  <svg t="1642646834655" class="icon side-icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4061" width="200" height="200"><path d="M810.6496 153.6C843.6736 153.6 870.4 180.3264 870.4 213.3504v597.2992c0 33.024-26.7264 59.7504-59.7504 59.7504H213.3504A59.7504 59.7504 0 0 1 153.6 810.6496V213.3504C153.6 180.3264 180.3264 153.6 213.3504 153.6z m-332.8 460.8H341.3504a34.1504 34.1504 0 0 0 0 68.2496h136.4992a34.1504 34.1504 0 1 0 0-68.2496z m204.8-136.6016H341.3504a34.1504 34.1504 0 0 0 0 68.2496h341.2992a34.1504 34.1504 0 0 0 0-68.2496z m0-136.3968H341.3504a34.1504 34.1504 0 0 0 0 68.2496h341.2992a34.1504 34.1504 0 1 0 0-68.2496z" p-id="4062"></path></svg>
                  <span>专栏</span>
                  </a>
                  <div id="rightLiveWrap" class="rightLiveWrap">
                    <a href="" id="rightlive" class="rightlive">
                      <svg t="1642646710703" class="icon side-icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3158" width="200" height="200"><path d="M682.6496 204.8512c35.4816 0 64.6656 27.136 67.9424 61.696l0.3072 6.6048V358.4l81.92-61.44a34.2016 34.2016 0 0 1 53.248 17.408l1.024 4.7616 0.3584 5.12v392.5504a34.1504 34.1504 0 0 1-50.2784 30.1056l-4.352-2.7648-81.92-61.4912v68.3008c0 33.1264-23.552 60.7232-54.8352 66.9696l-6.8608 1.024-6.5536 0.256H204.8a68.2496 68.2496 0 0 1-67.9936-61.696l-0.3072-6.5536V273.152c0-35.4816 27.136-64.6656 61.696-67.9936L204.8 204.8512h477.8496zM385.3824 389.12a34.1504 34.1504 0 0 0-34.0992 34.1504v179.6096a34.1504 34.1504 0 0 0 53.0432 28.416l134.7584-89.8048a34.1504 34.1504 0 0 0 0-56.832L404.3264 394.8544a34.1504 34.1504 0 0 0-18.944-5.7344z" p-id="3159"></path></svg>
                      <span>直播</span>
                      <div class="extend3 rightexdlive" id="rightexdlive">
                        <div class="exdLeft">
                          <div class="exdItem">全部</div>
                          <div class="exdItem">网游</div>
                          <div class="exdItem">手游</div>
                          <div class="exdItem">单机</div>
                        </div>
                        <div class="exdCenter">
                          <div class="exdItem">娱乐</div>
                          <div class="exdItem">电台</div>
                          <div class="exdItem">虚拟</div>
                          <div class="exdItem">生活</div>
                        </div>
                        <div class="exdRight">
                          <div class="exdItem">知识</div>
                          <div class="exdItem">赛事</div>
                        </div>
                      </div>
                    </a>
                  </div>
                
                <a href="">
                  <svg t="1642646844599" class="icon side-icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4188" width="200" height="200"><path d="M772.4544 229.2736l2.048 6.4512 87.2448 283.136c8.8576 33.1264-10.24 66.56-41.984 78.4384l-6.5536 2.048-118.1696 31.744a32.768 32.768 0 0 1-8.192 1.0752l-4.096-0.2048-124.672-14.6432-193.3824 51.8144 36.6592 136.704a49.152 49.152 0 0 1-93.184 30.8736l-1.792-5.4272L155.2896 267.264a49.152 49.152 0 0 1 93.184-30.8736l1.792 5.4272 4.096 15.36 188.928-50.6368a32.768 32.768 0 0 1 8.1408-1.0752l4.096 0.2048 124.5184 14.592 112.1792-30.0544c33.4336-8.96 68.1984 7.7824 80.2304 39.0144z" p-id="4189"></path></svg>
                  <span>活动</span>
                </a>
                <div class="classroomWrap" id="classroomWrap">
                  <a href="" class="classroom" id="classroom">
                    <svg t="1642669966795" class="icon side-icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2862" width="200" height="200"><path d="M749.2096 168.96a102.4 102.4 0 0 1 102.2464 96.3584l0.1536 6.0416v477.8496a102.4 102.4 0 0 1-96.3584 102.2464l-6.0416 0.1536H271.36a102.4 102.4 0 0 1-102.2464-96.3584l-0.1536-6.0416V271.36a102.4 102.4 0 0 1 96.3584-102.2464L271.36 168.96h477.8496z m-69.9392 385.4848a34.1504 34.1504 0 0 0-48.2816 0 170.6496 170.6496 0 0 1-241.3568 0 34.1504 34.1504 0 1 0-48.2816 48.2304 238.9504 238.9504 0 0 0 337.92 0 34.1504 34.1504 0 0 0 0-48.2304zM322.56 339.6608a51.2 51.2 0 0 0-51.2 51.2v34.1504a51.2 51.2 0 1 0 102.4 0v-34.1504a51.2 51.2 0 0 0-51.2-51.2z m375.4496 0a51.2 51.2 0 0 0-51.2 51.2v34.1504a51.2 51.2 0 1 0 102.4 0v-34.1504a51.2 51.2 0 0 0-51.2-51.2z" p-id="2863"></path></svg>
                    <span>课堂</span>
                    <div class="extend3 exdclassroom" id="exdclassroom">
                      <div class="exdLeft">
                        <div class="exdItem">通识科普</div>
                        <div class="exdItem">语言学习</div>
                        <div class="exdItem">考研</div>
                        <div class="exdItem">视频制作</div>
                      </div>
                      <div class="exdCenter">
                        <div class="exdItem">考试考证</div>
                        <div class="exdItem">设计创作</div>
                        <div class="exdItem">IT培训</div>
                        <div class="exdItem">兴趣生活</div>
                      </div>
                      <div class="exdRight">
                        <div class="exdItem">职场提升</div>
                        <div class="exdItem">我的课程</div>
                      </div>
                    </div>
                  </a>
                </div>
             
                <a href="">
                  <svg t="1642670011510" class="icon side-icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3116" width="200" height="200"><path d="M836.3008 170.6496c17.1008 0 31.2832 12.6464 33.7408 29.0816L870.4 204.8v316.16a34.1504 34.1504 0 0 1-29.0816 33.792l-5.0176 0.3584h-102.4v195.7888a34.1504 34.1504 0 0 1-29.1328 33.792l-5.0176 0.3584H386.7648l-127.3344 95.5392a34.2016 34.2016 0 0 1-53.248-17.3568l-1.024-4.8128-0.3584-5.12-0.0512-68.3008H153.6a34.1504 34.1504 0 0 1-32.6656-24.2176l-1.0752-4.8128-0.4096-5.0688v-409.6c0-17.152 12.6464-31.3344 29.0816-33.792L153.6 307.2h174.2336V204.8c0-17.152 12.6464-31.3344 29.1328-33.792l5.0176-0.3584h474.3168z m-477.9008 409.6H256l-5.0688 0.4096a34.1504 34.1504 0 0 0 0 67.4816l5.0688 0.4096h102.4l5.0688-0.4096A34.1504 34.1504 0 0 0 358.4 580.2496z m102.4-136.4992H256l-5.0688 0.4096a34.1504 34.1504 0 0 0 0 67.4816l5.0688 0.4096h204.8l5.0688-0.4096A34.1504 34.1504 0 0 0 460.8 443.7504z m341.2992-204.8512h-406.016v68.2496h303.616c17.152 0 31.3856 12.6464 33.792 29.1328l0.3584 5.0176v145.4592l68.2496 0.0512V238.8992z" p-id="3117"></path></svg>
                  <span>社区中心</span>
                </a>
                <a href="">
                  <svg t="1642669999866" class="icon side-icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2989" width="200" height="200"><path d="M783.36 221.8496a102.4 102.4 0 0 1 102.0928 94.7712l0.3072 7.68v409.6a102.4 102.4 0 0 1-94.72 102.0928l-7.68 0.256H237.2096a102.4 102.4 0 0 1-102.0928-94.72l-0.3072-7.68v-409.6A102.4 102.4 0 0 1 229.5808 222.208l7.68-0.3072H783.36z m-155.5968 81.408a34.1504 34.1504 0 0 0-50.7904 23.6032l-54.1696 203.3152a128 128 0 1 0-108.288 220.8256l6.7584 1.024a128 128 0 0 0 141.5168-104.8576l71.7824-253.7984 47.4624 35.4816 3.2768 2.2016a34.1504 34.1504 0 0 0 37.5808-56.832l-91.8528-68.7616z" p-id="2990"></path></svg>
                  <span>新歌热榜</span>
                </a>
              </div>
            </div>
          
          </div>
        </div>
      </div>
      
      <!-- 主体容器 -->
      <div class="mainContainer">
        <div class="mainWrap">
          <div class="main">
            <!-- 轮播图 -->
            <div class="main_swiper">
              <div class="swiper">
                <div class="swiper-wrapper">             
                  <!--   <div class="swiper-slide">
                      <a href="">
                        <div class="imgWrap">
                          <picture>
                            <img src="images/slide1.avif" alt="">
                          </picture>
                        </div>
                        <div class="textWrap"><span>谁拍谁好看的秘密~</span></div>
                        <div class="mask" style="background-color: rgb(80, 79, 75);"></div>
                      </a>
                    </div>     -->        
                </div>
                <!-- 轮播图底部 -->
                <div class="swiper_footer">
                  <!-- 渐变遮罩 -->
                  <div class="mask">
                  </div>
                  <!-- 文本和分页器 -->
                  <div class="page">   
                     <!-- 分页器 -->         
                     <div class="swiper-pagination"></div>  
                  </div>
                 
                   <!-- 导航按钮 -->
                   <div class="buttons">
                    <div class="button-prev">
                      <div class="iconfont icon-arrow-right icon-arrow-left"></div>
                    </div>
                    <div class="button-next">
                      <div class="iconfont icon-arrow-right"></div>
                    </div>
                   </div>
                </div>
              </div> 
            </div>
           
           <div class="main_itemWrapRight">
           <!--  <div class="main_item">
              <div class="itemWrap">
                <a href="" class="contentsBox">
                  <div class="contents">                   
                     <div class="plyaerIcon"></div>                
                     <picture><img src="images/item1.avif" alt=""></picture>                    
                     <div class="videoWrap" display="none"></div> 
                  </div>               
                  <div class="bottomIconWrap">
                    <div class="iconBox">
                      <div class="iconLeft">
                        <span class="playcount">
                          <span class="iconfont icon-bofang"></span>
                          <span>181.8万</span>
                        </span>
                        <span class="comments">
                          <span class="iconfont icon-danmu1"></span>
                          <span>9609</span>
                        </span>
                      </div>
                      <span class="itemDuration">15:38</span>
                    </div>
                    </div>       
                </a>             
                <div class="titleBox">
                  <h3 class="title">
                    <a href="">AI迎来觉醒时刻，中国遭遇最严峻的封锁</a>
                  </h3>
                  <div class="bottomInfo">
                    <div class="sptext">7万点赞</div>
                    <a href="" class="personInfo">
                      <span class="iconfont icon-UPzhu"></span>
                      <span class="author">酷玩实验室</span>
                      <span class="date">· 3-31</span>
                    </a>
                  </div>
                </div>
              </div>
            </div> -->
           <!--  <div class="main_item"></div>
            <div class="main_item"></div>
            <div class="main_item"></div>
            <div class="main_item"></div>
            <div class="main_item"></div> -->
           </div>
           
           <div class="main_itemWrapBottom">
            <!-- <div class="main_item">
              <div class="itemWrap">
                <a href="" class="contentsBox">
                  <div class="contents">                   
                     <div class="plyaerIcon"></div>                
                     <picture><img src="images/item1.avif" alt=""></picture>                    
                     <div class="videoWrap" display="none"></div> 
                  </div>               
                  <div class="bottomIconWrap">
                    <div class="iconBox">
                      <div class="iconLeft">
                        <span class="playcount">
                          <span class="iconfont icon-bofang"></span>
                          <span>181.8万</span>
                        </span>
                        <span class="comments">
                          <span class="iconfont icon-danmu1"></span>
                          <span>9609</span>
                        </span>
                      </div>
                      <span class="itemDuration">15:38</span>
                    </div>
                    </div>       
                </a>             
                <div class="titleBox">
                  <h3 class="title">
                    <a href="">AI迎来觉醒时刻，中国遭遇最严峻的封锁</a>
                  </h3>
                  <div class="bottomInfo">
                    <div class="sptext">7万点赞</div>
                    <a href="" class="personInfo">
                      <span class="iconfont icon-UPzhu"></span>
                      <span class="author">酷玩实验室</span>
                      <span class="date">· 3-31</span>
                    </a>
                  </div>
                </div>
              </div>
            </div> -->
            
          <!--   <div class="main_spitem">
              <div class="spitemWrap">
                <div class="spitemInner">
                  <div class="coverWrap">
                    <a href="">
                      <div class="pictureWrap">
                        <picture>
                          <img src="images/spitem1.avif" alt="">
                        </picture>
                      </div>
                      <div class="badgeWrap">
                        <span class="iconfont icon-zhibo" style="color:#00AEEC;font-size:17px;top:-2px; left:-2px;"></span>
                        <span class="iconfont icon-dianshiju-" style="color:#FFB027;font-size:17px;top:-1px; left:-2px;"></span>
                       <span class="iconfont icon-tubiaozhizuomoban" style="color:#8c0808;font-size:17px;top:-1px; left:-2px;"></span>
                        <span>直播</span>
                      </div>
                      <div class="bottomIconWrap">
                        <div class="iconBox">
                          <div class="iconBoxLeft">
                            
                            <span class="onlinecount">
                              <span class="iconfont icon-yanjing"></span>
                              <span>858</span>
                            </span>
                            <span class="playcount">
                              <span class="iconfont icon-bofang"></span>
                              <span>117.8万</span>
                            </span>
                            <span class="like">
                              <span class="iconfont icon-aixin"></span>
                              <span>19万</span>
                            </span>
                          </div>
                          <div class="iconBoxright">虚拟日常</div>
                        </div>
                      </div>
                    </a>
                  </div>

                  <div class="titleWrap">
                    <div class="titleText">
                      <a href="">
                        <div class="living">
                          <img src="images/live.gif" alt="" style="width:12px;height: 12px">
                          <span>直播中</span>
                        </div>
                        <span class="title">MLB棒球录像回放 小熊@你躲</span>
                      </a>
                    </div>
                    <div class="titleInfo">
                      <a href="">
                        <span class="iconfont icon-UPzhu"></span>
                        <span class="info">-解说向暖</span>
                      </a>
                    </div>
                  </div>
         
                <div class="layer"></div>
                <div class="layertiny"></div>
              </div>
            </div>
          </div> -->
           </div>
        </div>
      </div>
    </div>
    <a href="#top" target="_self" class="backTop">
      <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24" width="24" height="24" fill="currentColor" class="top-icon" data-v-ccfbcc66=""><path d="M20.3964 12.83585C21.65635 14.0958 20.76405 16.2501 18.9822 16.2501L5.01774 16.2501C3.23594 16.2501 2.34359 14.0958 3.60353 12.83585L10.58575 5.85361C11.3668 5.07256 12.63315 5.07256 13.4142 5.85361L20.3964 12.83585z" fill="currentColor"></path></svg>
      <span>顶部</span>
    </a>
    <div id="loadmore">加载更多</div>
   
  </div>

    <script src="js/axios.min.js"></script>
    <script src="js/swiper-bundle.min.js"></script>
    <script src="js/banner.js"></script>
    <script src="js/index.js"></script> 




  </body>
</html>
